<template>
  <div :class="['titlemianji', 'fwwsacwh']" :style="titlemianjistyle">
    <div class="mianjidivback" :style="mianjidivbackstyle">
      <div class="mianjidivimg" :style="mianjidivimgstyle"></div>
    </div>
    <div style="display: inline-block; text-align: left">
      <span style="color: #8ab1c2">{{ typestr }}</span>
      <br />
      <span>
        <span class="numdiv" :style="{color: '#ffffff',...getfontSize(25)}">{{ num }}</span>
      </span>
    </div>
  </div>
</template>
<script>
import commonmixins from "@/mixins/bigScreen/commonmixins";
export default {
  mixins: [commonmixins],
  name: "commonshownum",
  components: {},
  props: {
    type: {
      default: "mianji",
    },
    num: {
      default: "-",
    },
    typestr: {
      default: "-",
    },
  },
  data() {
    return {
      numval: "-",
      mianjidivbackstyle: {},
      mianjidivimgstyle: {
        backgroundImage: "",
      },
      titlemianjistyle: {
        fontSize: "20px",
      },
      
    };
  },
  computed: {
    titletypestyle(){
      return {
        fontSize: this.getscalepxc(12)
      }
    },
    titlenumstyle(){
      return {
        fontSize: this.getscalepxc(13)
      }
    }
  },
  mounted() {
    this.mianjidivimgstyle = this.getsamewh(40);
    this.titlemianjistyle.fontSize = this.getscalepxc(12);
    // console.log(this.mianjidivimgstyle);
    this.mianjidivimgstyle.backgroundImage = `url(/configuration/2d/${this.type}.png)`;
  },
  methods: {},
};
</script>
<style lang='scss' scoped>
.numdiv {
  font-family: DS-Digital;
}
.titletime {
}
.mianjidivback {
  .mianjidivimg {
    // background-image: url("/configuration/2d/mianji.png");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
}
</style>